<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Yahoo! User Interface Library (YUI)</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    	<link rel="stylesheet" type="text/css" href="assets/yui.css" >

<style>
/*Supplemental CSS for the YUI distribution*/
#custom-doc { width: 95%; min-width: 950px; }
#pagetitle {background-image: url(assets/bg_hd.gif);}
#pagetitle h1 {background-image: url(assets/title_h_bg.gif);}

</style>


</head>
<body id="yahoo-com" class="">
<div id="custom-doc" class="yui-t2">
<div id="hd">
	<div id="ygunav">
		<p><em>
			<a href="http://developer.yahoo.com">Yahoo! Developer Network Home</a> <i> - </i>	
			<a href="http://help.yahoo.com/help/us/ysearch">Help</a>
			</em>
		</p>
		<form action="http://search.yahoo.com/search"><label for="ygsp">YDN Site Search</label> 
		<input name="vs" type="hidden" value="developer.yahoo.com">
		<input name="fr" type="hidden" value="ush-myweb">
		<input id="ygsp" name="va" size="22"> 
		<input type="submit" value="Search" class="ygbt"></form>
	</div>
	<div id="ygma"><a href=""><img src="assets/yui.gif"  border="0" width="378" height="28"></a></div>
	<div id="pagetitle"><h1>Yahoo! User Interface Library (YUI)</h1></div>
</div>
<div id="bd"><div id="yui-main">
	<div class="yui-b">
		<div class="yui-g">

<h1 class="firstContent">欢迎来到 Yahoo! User Interface Library (YUI) 的世界</h1>

<p>感谢您下载YUI——被认为是世界上最流行且最优秀的 JavaScript/CSS 类库。您所下载的文件中包括了YUI所有的源码（位于<a href="build/"><code>/build</code></a>目录中）以及每个组件的<a href="#examples">功能示例</a>。它们还包括了<a href="docs/index.html">API文档</a>。<a href="http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip">大多数组件还有PDF格式的备忘表提供额外下载</a>。</p>
<h3>如何开始:</h3>
<ol>
  <li><strong>试着运行YUI的示例. </strong>我们建议你从 <a href="examples/event/index.html">Event Utility</a> 和 <a href="examples/dom/index.html">Dom Collection</a> 示例开始；Event 和 Dom 为使用YUI的JavaScript开发者提供了重要的基础。一旦你已经检阅了这两个基础组件，请继续探索象 <a href="examples/dragdrop/index.html">Drag and Drop</a> 和 <a href="examples/animation/index.html">Animation</a> 这样的工具库，或者象 <a href="examples/button/index.html">Button</a>，<a href="examples/calendar/index.html">Calendar</a> 和 <a href="examples/tabview/index.html">TabView</a> 这样的UI控件。如果你对YUI的CSS组件感兴趣，请按照 <a href="examples/reset/index.html">Reset</a>，<a href="examples/base/index.html">Base</a>, <a href="examples/fonts/index.html">Fonts</a>，和 <a href="examples/grids/index.html">Grids</a> 这样的顺序阅读它们的示例。</li>
  <li><strong>请记住在<a href="http://developer.yahoo.com/yui/">YUI website</a> (外部链接)上有每个组件的完整的用户指南</strong> 。如果你在试验示例的时候对某个组件有任何疑问，请查阅该组件的用户指南，或者<a href="docs/index.html">搜索 API 文档</a>。</li>
  <li><strong>请记住你可以下载大多数YUI组件的<a href="http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip">备忘表</a></strong>。这些一到两页的PDF文档在开始的时候能帮助你探索YUI的各个方面。 </li>
  <li><strong>开始编码。</strong> 你可以包含这个发行版中（位于 <code><a href="build/">/build</a></code> 目录下）的YUI脚本和CSS，或者直接从 <a href="http://developer.yahoo.com/yui/articles/hosting/">Yahoo! 的服务器</a>上包含它们。 <a href="http://developer.yahoo.com/yui/yuiloader/">YUI Loader Utility</a> 是一个客户端加载库，它可以动态引入所需的YUI脚本，不管是从你的服务器上亦或我们的服务器上。</li>
  <li><strong>成为YUI开发社区中的一员。</strong> YUI 的开发者与应用者彼此分享思想与解决方案，并且在<a href="http://tech.groups.yahoo.com/group/ydn-javascript/">我们的论坛</a>（外部链接；需要YAHOO! ID）中提供援助。YUI开发者还会发布文章到 <a href="http://yuiblog.com/">YUIBlog</a>，在那里你可以找到深度的文章，视频以及其他关于YUI和前端技术业领域的优质内容。 </li>
</ol>
<h2 id="examples">下载包中包括的YUI功能示例:</h2>

<p>连同YUI的源码，你下载的文件中还包括 <a href="examples/index.html">195个功能示例及教程</a>，它们演示了每个组件实际应用中的情形。使用如下的列表或者左侧的菜单去回顾这些YUI的demos&mdash;它们是让你了解YUI能干什么以及马上提取示范代码来帮助你开始使用YUI的最佳方式。 记住除了每个YUI组件的用户指南,这些例子还可以在 <a href="http://developer.yahoo.com/yui/">YUI 的站点</a> (外部链接)上找到。 (<strong>注意：</strong> 尽管这个发行版中的例子在你从本地文件系统访问时可以工作, 但这里包含的一些例子需要被发布到一个支持PHP的http服务器上才能正常运行，那时尽管到 <a href="http://developer.yahoo.com/yui/">我们的站点</a> 上来看看这些例子如何工作。)</p>

<!--nested three-column grid-->
	<div class="yui-gb">
		<div class="yui-u first">
		<h3>CSS:</h3>
<ul>
<li><a href='examples/reset/index.html'>Reset CSS</a></li>
<li><a href='examples/base/index.html'>Base CSS</a></li>
<li><a href='examples/fonts/index.html'>Fonts CSS</a></li>
<li><a href='examples/grids/index.html'>Grids CSS</a></li>
</ul>
		</div>
		<div class="yui-u">
		<h3>Utilities:</h3>
			<ul>
<li><a href='examples/animation/index.html'>Animation Utility</a></li>
<li><a href='examples/history/index.html'>Browser History Manager (beta)</a></li>
<li><a href='examples/connection/index.html'>Connection Manager</a></li>
<li><a href='examples/dom/index.html'>Dom Collection</a></li>
<li><a href='examples/dragdrop/index.html'>Drag &amp; Drop</a></li>
<li><a href='examples/event/index.html'>Event Utility</a></li>
<li><a href='examples/imageloader/index.html'>ImageLoader Utility (experimental)</a></li>
<li><a href='examples/yuiloader/index.html'>YUI Loader Utility (beta)</a></li>
<li><a href='examples/yuitest/index.html'>YUI Test Utility (beta)</a></li>
			</ul>
		</div>
		<div class="yui-u">
		  <h3>UI Controls/Widgets:</h3>
		  	<ul>
<li><a href='examples/autocomplete/index.html'>AutoComplete Control</a></li>
<li><a href='examples/button/index.html'>Button Control (beta)</a></li>
<li><a href='examples/calendar/index.html'>Calendar Control</a></li>
<li><a href='examples/colorpicker/index.html'>Color Picker Control (beta)</a></li>
<li><a href='examples/container/index.html'>Container Family</a></li>
<li><a href='examples/datatable/index.html'>DataTable Control (beta)</a></li>
<li><a href='examples/logger/index.html'>Logger Control</a></li>
<li><a href='examples/menu/index.html'>Menu Family</a></li>
<li><a href='examples/editor/index.html'>Rich Text Editor (beta)</a></li>
<li><a href='examples/slider/index.html'>Slider Control</a></li>
<li><a href='examples/tabview/index.html'>TabView Control</a></li>
<li><a href='examples/treeview/index.html'>TreeView Control</a></li>
			</ul>			
		</div>
	</div>
	
		
		</div>
	</div>
</div>

<div class="yui-b" id="tocWrapper">
<!-- TABLE OF CONTENTS -->
<div id="toc">
	
<ul>
<li class="sect first">Yahoo! UI Library</li><li class="item"><a title="The Yahoo! User Interface Library (YUI)" href="http://developer.yahoo.com/yui/">Home (external)</a></li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUIBlog (external)</a></li><li class="item"><a title="The Yahoo! Group YDN-JavaScript hosts the YUI community forum" href="http://tech.groups.yahoo.com/group/ydn-javascript/">YUI Discussion Forum (external)</a></li><li class="item"><a title="The YUI Library can be downloaded from SourceForge" href="http://sourceforge.net/projects/yui/">YUI on Sourceforge (external)</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="docs/index.html">API Documentation</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="examples/index.html">Functional Examples</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/license.html">YUI License (external)</a></li><li class="sect">YUI Functional Examples</li><li class="item"><a title="The YUI Animation Utility - Functional Examples" href="examples/animation/index.html">Animation</a></li><li class="item"><a title="The YUI AutoComplete Control - Functional Examples" href="examples/autocomplete/index.html">AutoComplete</a></li><li class="item"><a title="The YUI Browser History Manager - Functional Examples" href="examples/history/index.html">Browser History Manager (beta)</a></li><li class="item"><a title="The YUI Button Control - Functional Examples" href="examples/button/index.html">Button (beta)</a></li><li class="item"><a title="The YUI Calendar Control - Functional Examples" href="examples/calendar/index.html">Calendar</a></li><li class="item"><a title="The YUI Color Picker Control - Functional Examples" href="examples/colorpicker/index.html">Color Picker (beta)</a></li><li class="item"><a title="The YUI Connection Manager (AJAX) - Functional Examples" href="examples/connection/index.html">Connection Manager</a></li><li class="item"><a title="The YUI Container Family (Module, Overlay, Tooltip, Panel, Dialog, SimpleDialog) - Functional Examples" href="examples/container/index.html">Container</a></li><li class="item"><a title="The YUI DataTable Control - Functional Examples" href="examples/datatable/index.html">DataTable (beta)</a></li><li class="item"><a title="The YUI Dom Collection - Functional Examples" href="examples/dom/index.html">Dom</a></li><li class="item"><a title="The YUI Drag &amp; Drop Utility - Functional Examples" href="examples/dragdrop/index.html">Drag &amp; Drop</a></li><li class="item"><a title="The YUI Event Utility - Functional Examples" href="examples/event/index.html">Event</a></li><li class="item"><a title="The YUI ImageLoader Utility - Functional Examples" href="examples/imageloader/index.html">ImageLoader (experimental)</a></li><li class="item"><a title="The YUI Logger Control - Functional Examples" href="examples/logger/index.html">Logger</a></li><li class="item"><a title="The YUI Menu Control - Functional Examples" href="examples/menu/index.html">Menu</a></li><li class="item"><a title="The YUI Rich Text Editor - Functional Examples" href="examples/editor/index.html">Rich Text Editor (beta)</a></li><li class="item"><a title="The YUI Slider Control - Functional Examples" href="examples/slider/index.html">Slider</a></li><li class="item"><a title="The YUI TabView Control - Functional Examples" href="examples/tabview/index.html">TabView</a></li><li class="item"><a title="The YUI TreeView Control - Functional Examples" href="examples/treeview/index.html">TreeView</a></li><li class="item"><a title="The YUI Loader Utility - Functional Examples" href="examples/yuiloader/index.html">YUI Loader (beta)</a></li><li class="item"><a title="The YUI Test Utility - Functional Examples" href="examples/yuitest/index.html">YUI Test (beta)</a></li><li class="item"><a title="YUI Reset CSS - Functional Examples" href="examples/reset/index.html">Reset CSS</a></li><li class="item"><a title="YUI Base CSS - Functional Examples" href="examples/base/index.html">Base CSS</a></li><li class="item"><a title="YUI Fonts CSS - Functional Examples" href="examples/fonts/index.html">Fonts CSS</a></li><li class="item"><a title="YUI Grids CSS - Functional Examples" href="examples/grids/index.html">Grids CSS</a></li><li class="sect">YUI Articles on the YUI Website</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Reporting Bugs and Making Feature Requests for YUI Components" href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests (external)</a></li><li class="item"><a title="Serve YUI source files from Yahoo! -- free, fast, and simple" href="http://developer.yahoo.com/yui/articles/hosting/">Serving YUI Files from Yahoo! (external)</a></li><li class="item"><a title="Best practices for working with web services while protecting user privacy" href="http://developer.yahoo.com/security/">Security Best Practices (external)</a></li></ul>
</div>
</div>

	<div id="ft">
        <p class="first">Copyright &copy; 2007 Yahoo! Inc. All rights reserved.</p>
        <p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> - 
            <a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> - 
            <a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> - 
            <a href="http://careers.yahoo.com/">Job Openings</a></p>
	</div>
</div>
</div>

</body>
</html>
